<template>
  <section>
    <banner :banner-list="bannerList" />
    <icons :icons-list="iconsList" />
    <divider-line />
    <news :opt="newsOne"/>
    <divider-line />
    <goods :goods="goods"/>
    <divider-line />
    <news :opt="newsTwo"/>
    <divider-line />
    <news :opt="newsThree"/>
    <div v-for="item of 2" :key="item">11</div>
  </section>
</template>

<script>
import Banner from './banner'
import Icons from './icons'
import DividerLine from './dividerLine'
import News from './news'
import Goods from './goods'
export default {
  components: {
    Banner,
    Icons,
    DividerLine,
    News,
    Goods
  },
  props: ['bannerList', 'iconsList', 'newsOne', 'goods', 'newsTwo', 'newsThree']
}
</script>

<style lang="scss">
  section {
    position: absolute;
    top: 1.39rem;
    left: 0;
    right: 0;
    padding-bottom: 52px;
  }
</style>
